<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- bootstrap -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
        integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-7ymO4nGrkm372HoSbq1OY2DP4pEZnMiA+E0F3zPr+JQQtQ82gQ1HPY3QIVtztVua"
        crossorigin="anonymous"></script>
    <!-- bootstrap -->
    <script src="public/jQuery.min.js"></script>
    <link rel="stylesheet" href="./css/blog.css">
    <title>博客</title>
</head>

<body>
    <div id="blog">
        <header></header>
        <div class="blogbigbox">
            <div class="container">
                <div class="row">
                    <!-- 左边大盒子 -->
                    <div class="col-md-8">
                        <div class="blogleftbox">
                            <!-- 最好的医院 -->
                            <div class="bestbox">
                                <img src="./img/index/bgone (2).jpg" alt="" class="bestimg">
                                <div class="twolinebox">
                                    <p>寻找最好的印度医院?</p>
                                    <div>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                            fill="currentColor" class="bi bi-calendar-check" viewBox="0 0 16 16">
                                            <path
                                                d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z" />
                                            <path
                                                d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z" />
                                        </svg>
                                        <span class="bnnspan">25 七月，2020</span><svg xmlns="http://www.w3.org/2000/svg"
                                            width="16" height="16" fill="currentColor" class="bi bi-person-circle"
                                            viewBox="0 0 16 16">
                                            <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                                            <path fill-rule="evenodd"
                                                d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
                                        </svg>
                                        <span class="bnnspan">由管理员</span>
                                    </div>
                                </div>
                                <div class="lastlinebox">
                                    <p>Nunc cursus leo risus non ac efficitur vel sed Mauris iaculis finibus ex et
                                        viveriquam blanditornare justo,in sagittis sem ornare sit lorem ipsu dolro
                                        sit ameamet.</p>
                                    <div>
                                        <button class="llbbut">阅读更多</button>
                                    </div>
                                </div>
                            </div>
                            <!-- 最好的医院 -->
                            <!-- 专科医院 -->
                            <div class="bestbox">
                                <img src="./img/index/bgone (2).jpg" alt="" class="bestimg">
                                <div class="twolinebox">
                                    <p>如何找到多专科医院 在艾哈迈达巴德?</p>
                                    <div>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                            fill="currentColor" class="bi bi-calendar-check" viewBox="0 0 16 16">
                                            <path
                                                d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z" />
                                            <path
                                                d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z" />
                                        </svg>
                                        <span class="bnnspan">25 七月，2020</span><svg xmlns="http://www.w3.org/2000/svg"
                                            width="16" height="16" fill="currentColor" class="bi bi-person-circle"
                                            viewBox="0 0 16 16">
                                            <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                                            <path fill-rule="evenodd"
                                                d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
                                        </svg>
                                        <span class="bnnspan">由管理员</span>
                                    </div>
                                </div>
                                <div class="lastlinebox">
                                    <p>Nunc cursus leo risus non ac efficitur vel sed Mauris iaculis finibus ex et
                                        viveriquam blanditornare justo,in sagittis sem ornare sit lorem ipsu dolro
                                        sit ameamet.</p>
                                    <div>
                                        <button class="llbbut">阅读更多</button>
                                    </div>
                                </div>
                            </div>
                            <!-- 专科医院 -->
                            <!-- 最好的医院2 -->
                            <div class="bestbox">
                                <img src="./img/index/bgone (2).jpg" alt="" class="bestimg">
                                <div class="twolinebox">
                                    <p>寻找最好的印度医院?</p>
                                    <div>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                            fill="currentColor" class="bi bi-calendar-check" viewBox="0 0 16 16">
                                            <path
                                                d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z" />
                                            <path
                                                d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z" />
                                        </svg>
                                        <span class="bnnspan">25 七月，2020</span><svg xmlns="http://www.w3.org/2000/svg"
                                            width="16" height="16" fill="currentColor" class="bi bi-person-circle"
                                            viewBox="0 0 16 16">
                                            <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                                            <path fill-rule="evenodd"
                                                d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
                                        </svg>
                                        <span class="bnnspan">由管理员</span>
                                    </div>
                                </div>
                                <div class="lastlinebox">
                                    <p>Nunc cursus leo risus non ac efficitur vel sed Mauris iaculis finibus ex et
                                        viveriquam blanditornare justo,in sagittis sem ornare sit lorem ipsu dolro
                                        sit ameamet.</p>
                                    <div>
                                        <button class="llbbut">阅读更多</button>
                                    </div>
                                </div>
                            </div>
                            <!-- 最好的医院2 -->
                            <!-- 糖尿病 -->
                            <div class="bestbox">
                                <div class="twolinebox">
                                    <p>在世界糖尿病之际 日</p>
                                    <div>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                            fill="currentColor" class="bi bi-calendar-check" viewBox="0 0 16 16">
                                            <path
                                                d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z" />
                                            <path
                                                d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z" />
                                        </svg>
                                        <span class="bnnspan">25 七月，2020</span><svg xmlns="http://www.w3.org/2000/svg"
                                            width="16" height="16" fill="currentColor" class="bi bi-person-circle"
                                            viewBox="0 0 16 16">
                                            <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                                            <path fill-rule="evenodd"
                                                d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
                                        </svg>
                                        <span class="bnnspan">由管理员</span>
                                    </div>
                                </div>
                                <div class="lastlinebox">
                                    <p>Nunc cursus leo risus non ac efficitur vel sed Mauris iaculis finibus ex et
                                        viveriquam blanditornare justo,in sagittis sem ornare sit lorem ipsu dolro
                                        sit ameamet.</p>
                                    <div>
                                        <button class="llbbut">阅读更多</button>
                                    </div>
                                </div>
                            </div>
                            <!-- 最好的医院 -->
                            <!-- 标签 -->
                            <div class="labelbox">
                                <p class="labeltit">Duis non quam sagittis ultricies sem vitae luctussem Inbibidum
                                    pharetra</p>
                                <p>- 约翰尼·勒罗斯</p>
                            </div>
                            <!-- 标签 -->
                            <!-- 分页器 -->
                            <div class="pagebox">
                                <nav aria-label="Page navigation example">
                                    <ul class="pagination">
                                        <li class="page-item"><a class="page-link" href="#">以前</a></li>
                                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                                        <li class="page-item"><a class="page-link" href="#">下一个</a></li>
                                    </ul>
                                </nav>
                            </div>
                            <!-- 分页器 -->
                        </div>
                    </div>
                    <!-- 左边大盒子 -->
                    <!-- 右边大盒子 -->
                    <div class="col-md-4">
                        <div class="blogrightbox">
                            <!-- 搜索框 -->
                            <div class="searchbox">
                                <form class="search-form">
                                    <input type="text" class="search-input" placeholder="在这里搜索">
                                    <button type="submit" class="search-button">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                            fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
                                            <path
                                                d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
                                        </svg>
                                    </button>
                                </form>
                            </div>
                            <!-- 搜索框 -->
                            <!-- 类别 -->
                            <div class="categorybox">
                                <div class="category">
                                    <ul>
                                        <li>类别</li>
                                        <li>
                                            <img src="./img/blog/right (2).png" alt="" class="cgimg">妇科
                                        </li>
                                        <li>
                                            <img src="./img/blog/right (2).png" alt="" class="cgimg">心脏病学
                                        </li>
                                        <li>
                                            <img src="./img/blog/right (2).png" alt="" class="cgimg">骨科
                                        </li>
                                        <li>
                                            <img src="./img/blog/right (2).png" alt="" class="cgimg">眼科
                                        </li>
                                        <li> <img src="./img/blog/right (2).png" alt="" class="cgimg">耳鼻喉</li>
                                        <li> <img src="./img/blog/right (2).png" alt="" class="cgimg">肠胃</li>
                                        <li> <img src="./img/blog/right (2).png" alt="" class="cgimg">皮肤科</li>
                                        <li> <img src="./img/blog/right (2).png" alt="" class="cgimg">心理医生</li>
                                        <li> <img src="./img/blog/right (2).png" alt="" class="cgimg">普通外科医生</li>
                                    </ul>
                                </div>
                            </div>
                            <!-- 类别 -->
                            <!-- 档案 -->
                            <div class="categorybox">
                                <div class="category">
                                    <ul>
                                        <li>档案</li>
                                        <li>
                                            <img src="./img/blog/right (2).png" alt="" class="cgimg">三月(2018)
                                        </li>
                                        <li>
                                            <img src="./img/blog/right (2).png" alt="" class="cgimg">二月(2018)
                                        </li>
                                        <li>
                                            <img src="./img/blog/right (2).png" alt="" class="cgimg">一月(2018)
                                        </li>
                                        <li>
                                            <img src="./img/blog/right (2).png" alt="" class="cgimg">十二月(2017)
                                        </li>
                                        <li> <img src="./img/blog/right (2).png" alt="" class="cgimg">十一月(2017)</li>
                                    </ul>
                                </div>
                            </div>
                            <!-- 档案 -->
                            <!-- 帖子 -->
                            <div class="postsbox">
                                <div class="posts">
                                    <p class="poststit">最近的帖子</p>
                                    <div class="postsone">
                                        <img src="./img/index/zfb.png" alt="" class="postsimg">
                                        <div>
                                            <p>寻找最好的印度医院?</p>
                                            <p>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                    fill="currentColor" class="bi bi-calendar2-date"
                                                    viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.445 12.688V7.354h-.633A12.6 12.6 0 0 0 4.5 8.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61h.675zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82h-.684zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23z" />
                                                    <path
                                                        d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z" />
                                                    <path
                                                        d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z" />
                                                </svg>
                                                <span class="podate">23七月,2020</span>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="postsone">
                                        <img src="./img/index/zfb.png" alt="" class="postsimg">
                                        <div>
                                            <p>寻找最好的印度医院?</p>
                                            <p>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                    fill="currentColor" class="bi bi-calendar2-date"
                                                    viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.445 12.688V7.354h-.633A12.6 12.6 0 0 0 4.5 8.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61h.675zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82h-.684zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23z" />
                                                    <path
                                                        d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z" />
                                                    <path
                                                        d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z" />
                                                </svg>
                                                <span class="podate">23七月,2020</span>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="postsone">
                                        <img src="./img/index/zfb.png" alt="" class="postsimg">
                                        <div>
                                            <p>寻找最好的印度医院?</p>
                                            <p>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                    fill="currentColor" class="bi bi-calendar2-date"
                                                    viewBox="0 0 16 16">
                                                    <path
                                                        d="M6.445 12.688V7.354h-.633A12.6 12.6 0 0 0 4.5 8.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61h.675zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82h-.684zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23z" />
                                                    <path
                                                        d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z" />
                                                    <path
                                                        d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z" />
                                                </svg>
                                                <span class="podate">23七月,2020</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- 帖子 -->
                            <!-- 标签 -->
                            <div class="logosbox">
                                <div class="logos">
                                    <p class="logostit">标签</p>
                                    <div class="logosgroup">
                                        <p>多色人</p>
                                        <p>医院人</p>
                                        <p>耳鼻喉科</p>
                                        <p>妇科</p>
                                        <p>骨科</p>
                                        <p>喉</p>
                                    </div>
                                </div>
                            </div>
                            <!-- 标签 -->
                        </div>
                    </div>
                    <!-- 右边大盒子 -->
                </div>
            </div>
        </div>

        <footer></footer>
    </div>


    <script>
        // 头部尾部
        $(function () {
            $("header").load("./header.html")
            $("footer").load("./footer.html")
        });
        // 头部尾部
    </script>
</body>

</html>